.list-view {
    -fx-background-color: -fx-background;
    -fx-padding: 1;
}

.list-cell {
    -fx-padding: 1.0em 1.0em 1.0em 1.0em;
}
.list-cell:odd {
    -fx-background: -fx-control-inner-background-alt;
}

.list-cell:even {
    -fx-background: -fx-control-inner-background;
}

.open-icon {
    -glyph-name: "FILE_TEXT_ALT";
    -glyph-size: 14px;
}

.config-icon {
    -glyph-name: "CHECK";
    -glyph-size: 14px;
}

.save-icon {
    -glyph-name: "FLOPPY_ALT";
    -glyph-size: 14px;
}

.exit-icon {
    -glyph-name: "SIGN_OUT";
    -glyph-size: 14px;
}

.info-icon {
    -glyph-name: "INFO";
    -glyph-size: 14px;
}

.error-title-icon {
    -glyph-name: "EXCLAMATION_TRIANGLE";
    -glyph-size: 14px;
}

.preferences-icon {
    -glyph-name: "COG";
    -glyph-size: 14px;
}

.delete-icon {
    -glyph-name: "MINUS";
    -glyph-size: 14px;
}

.add-icon {
    -glyph-name: "PLUS";
    -glyph-size: 14px;
}

/* toolbar customization based on http://fxexperience.com/2012/02/customized-segmented-toolbar-buttons/ */

#background {
    -light-black: rgb(74, 75, 78);
    -dark-highlight: rgb(87, 89, 92);
    -dark-black: rgb(39, 40, 40);
    -darkest-black: rgb(5, 5, 5);
    -mid-gray: rgb(216, 222, 227);
    -fx-background-color: -mid-gray;
}

.tool-bar {
    -fx-base: -dark-black;
    -fx-font-size: 12px;
    -fx-background-color:
            linear-gradient(to bottom, derive(-fx-base,-30%), derive(-fx-base,-60%)),
            linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: .6em 0.416667em .6em 0.416667em;
    -fx-effect: dropshadow(two-pass-box,black,5,.2,0,0);
}

.tool-bar .open-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .config-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .save-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .preferences-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .exit-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .delete-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.tool-bar .add-icon {
    -glyph-size: 16px;
    -fx-fill: white;
}

.segmented-button-bar .button {
    -fx-background-color:
            -darkest-black,
            -dark-highlight,
            linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0;
    -fx-padding: 0.4em 1.833333em 0.4em 1.833333em;
}

.segmented-button-bar .button.first {
    -fx-background-insets: 0, 1, 2 1 1 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2;
}

.segmented-button-bar .button.last {
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0;
}

.segmented-button-bar .button:pressed {
    -fx-background-color:
            -darkest-black,
            rgb(55, 57, 58),
            linear-gradient(to top, -light-black 2%, -dark-black 98%);
}
.tool-bar .spacer {
    -fx-padding: 0 5.417em 0 0;
}

.tooltip {
    -fx-background-radius: 2 2 2 2;
    -fx-background-color: linear-gradient(#eeeeee, #aaaaaa);
    -fx-text-fill: black;
    -fx-font-size: 12px;
    -fx-padding: 10 10 10 10;
}